body,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
ol,
p,
select,
td,
textarea,
th,
ul,
figure {
	margin: 0;
	padding: 0;
}

a:hover {
	color: #bb1d21;
}

.Htop .header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}


.section1{ position: relative;}
.Hbanner{ position: relative;}
.Hbanner,
.Hbanner .slick-slider,
.Hbanner .slick-list,
.Hbanner .slick-track,
.Hbanner .slick-slide,
.Hbanner figure{ height: 100%;}
.Hbanner figure{ background-size: cover; background-position: center; background-repeat: no-repeat;}
.Hbanner img {
	width: 100%;
}
.Hbanner video{width: 100%;}
.Hbanner .wapBan {
	display: none;
}
@media screen and (max-width: 1200px) {
	.fp-section,
	.fp-tableCell,
	.Hbanner,
	.Hbanner .slick-slider,
	.Hbanner .slick-list,
	.Hbanner .slick-track,
	.Hbanner .slick-slide,
	.Hbanner figure{ height: auto!important;}
	

	.Hbanner .wapBan {
		display: block;
	}

	.Hbanner .pcBan {
		display: none;
	}
}
@media screen and (max-width: 768px) {

}
.Hbox1{ position: absolute; width: 100%; z-index: 10; left: 0; bottom: 0; background-color: #FFFFFF;}
.Hbox1 .auto_1400 {
	position: relative;
	line-height: 70px;
}

.Hbox1 .tit {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/tz.png) no-repeat center left;
	padding-left: 25px;
}

.Hbox1 ul {
	padding: 0 130px;
}

.Hbox1 ul li a {
	overflow: hidden;
	position: relative;
	padding-right: 120px;
	max-width: 700px;
	color: #666;
}

.Hbox1 ul li a::before {
	content: '';
	width: 4px;
	height: 4px;
	display: inline-block;
	border-radius: 100%;
	background-color: #666;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -2px;
}

.Hbox1 ul li a time {
	position: absolute;
	right: 0;
	top: 0;
	color: #999999;
}

.Hbox1 .slick-arrow {
	position: absolute;
	left: auto;
	right: 0;
	top: 50%;
	border: none;
	width: 30px;
	height: 30px;
}

.Hbox1 .slick-prev {
	right: 35px;
}
@media screen and (max-width: 1200px) {
	.Hbox1{ position: relative;}
}
@media screen and (max-width: 640px) {
	.Hbox1 .auto_1400 {
		line-height: 30px;
		padding: 2% 0;
	}

	.Hbox1 .tit {
		position: relative;
		display: block;
	}

	.Hbox1 ul {
		padding-left: 0;
		padding-right: 65px;
	}

	.Hbox1 ul li a {
		padding-right: 80px;
	}
}

.Htit {
	position: relative;
	padding-right: 190px;
}

.Htit * {
	margin: 0;
	font-weight: normal;
}

.Htit .cn {
	font-size: 40px;
	color: #333333;
}

.Htit .en {
	font-size: 14px;
	color: #b2b2b2;
}

.Htit .Hmore {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (max-width: 1200px) {
	.Htit .cn {
		font-size: 30px;
	}
}

@media screen and (max-width: 768px) {
	.Htit .cn {
		font-size: 22px;
	}
}

@media screen and (max-width: 640px) {
	.Htit {
		padding-right: 0;
	}

	.Htit .cn {
		font-size: 20px;
	}
}

.Hmore {
	width: 180px;
	text-align: center;
	line-height: 46px;
	position: relative;
}

.Hmore svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.Hmore svg path {
	fill: #bb1d21;
}

.Hmore i {
	position: relative;
	z-index: 1;
	display: inline-block;
	font-style: normal;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.Hmore {
		line-height: 32px;
		background-color: #bb1d21;
		border-radius: 10px;
		width: 100px;
	}

	.Hmore svg {
		display: none;
	}
}

.section2{background: url(../images/Hbox2_bg.jpg) no-repeat center;background-size: cover;}


.Hbox2 .list {
	margin: 5% -16px 0;
}

.Hbox2 .list li {
	padding: 16px;
}

.Hbox2 .list .box {
	position: relative;
	background-color: #fff;
	border-radius: 0 50px 0 50px;
	overflow: hidden;
}

.Hbox2 .list .work {
	position: relative;
	padding: 15% 2% 15% 44%;
}

.Hbox2 .list .work figure {
	position: absolute;
	width: 66%;
	padding-top: 66%;
	overflow: hidden;
	border-radius: 100%;
	left: -31%;
	top: -42%;
}

.Hbox2 .list .work figure i {
	position: absolute;
	width: 100%;
	padding-top: 67%;
	left: 25%;
	bottom: 0;
}

.Hbox2 .list .work::before {
	content: '';
	position: absolute;
	width: 70%;
	padding-top: 70%;
	border-radius: 100%;
	left: -32.6%;
	top: -44.6%;
	border: 1px solid rgba(102, 102, 102, 0.15);
}

.Hbox2 .list .work h2 {
	font-weight: normal;
	font-size: 24px;
	color: #333;
}

.Hbox2 .list .work h2::after {
	content: '';
	display: block;
	width: 36px;
	height: 1px;
	background-color: #bb9669;
	margin: 6% 0;
}

.Hbox2 .list .work p {
	height: 70px;
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	max-width: 213px;
}

.Hbox2 .list .hover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #d23136;
	padding: 8% 10%;
	max-height: 100%;
	overflow: auto;
	opacity: 0;
	transition: all 0.4s;
	z-index: 0;
}

.Hbox2 .list .hover dt {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5%;
}
.Hbox2 .list .hover dt a{color: #fff;}
.Hbox2 .list .hover dd a {
	width: 49%;
	float: left;
	margin-right: 2%;
	color: #fff;
	font-size: 14px;
	line-height: 26px;
	padding-left: 10px;
	position: relative;
}
.Hbox2 .list .hover dd a:hover{text-decoration:underline;}

.Hbox2 .list .hover dd a::before {
	content: '';
	width: 3px;
	height: 3px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
}

.Hbox2 .list .hover a:nth-child(2n) {
	margin-right: 0;
}

.Hbox2 .list .hover::-webkit-scrollbar {
	width: 5px;
	height: 1px;
}

.Hbox2 .list .hover::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: rgba(210, 49, 54, 0.5);
}

.Hbox2 .list .hover::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #ededed;
	border-radius: 10px;
}

.Hbox2 .list .show {
	opacity: 1;
	z-index: 1;
}

.Hbox2 .slick-arrow {
	width: 54px;
	height: 54px;
}

.Hbox2 .slick-arrow:hover {
	background-color: #bb1d21;
}

.Hbox2 .slick-prev {
	left: -5%;
}

.Hbox2 .slick-prev::before {
	background-image: url(../images/slick-prev2.png);
}

.Hbox2 .slick-next {
	right: -5%;
}

.Hbox2 .slick-next::before {
	background-image: url(../images/slick-next2.png);
}

@media screen and (max-width: 1600px) {
	.Hbox2 .slick-prev {
		left: -2%;
	}

	.Hbox2 .slick-next {
		right: -2%;
	}
}

@media screen and (max-width: 1440px) {
	.Hbox2 .list {
		margin-left: 0;
		margin-right: 0;
	}

	.Hbox2 .slick-prev {
		left: 0;
	}

	.Hbox2 .slick-next {
		right: 0;
	}
}

@media screen and (max-width: 1200px) {
	.Hbox2 .list li {
		padding: 8px;
	}

	.Hbox2 .list .work h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	.Hbox2 .list li {
		padding: 8px;
	}

	.Hbox2 .list .work h2 {
		font-size: 18px;
	}

	.Hbox2 .list .hover dt {
		font-size: 18px;
	}

	.Hbox2 .slick-arrow {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}

.Hbox3 {
	padding-top: 4%;
}

.Hbox3 .big {
	overflow: hidden;
	margin-top: 1.5%;
	margin-bottom: 10px;
}

.Hbox3 .big .ul {
	max-width: 1480px;
	width: 96%;
	margin: 0 auto;
}

.Hbox3 .big .ul li {
	padding: 0 40px;
}

.Hbox3 .big .slick-list {
	overflow: initial;
}

.Hbox3 .big .con {
	position: relative;
}

.Hbox3 .big .con * {
	transition: all 0.5s;
}

.Hbox3 .big .con::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}

.Hbox3 .big figure {
	width: 100%;
	padding-top: 38.572%;
}

.Hbox3 .big .txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
	width: 480px;
	background-color: #f7f7f7;
	border-radius: 60px;
	padding: 3% 1.5%;
	opacity: 0;
}

.Hbox3 .big .txt::before,
.Hbox3 .big .txt::after {
	content: '';
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #f7f7f7;
}

.Hbox3 .big .txt::before {
	transform: skew(-8deg);
	left: -6%;
	border-radius: 60px 0 0 0;
}

.Hbox3 .big .txt::after {
	right: -6%;
	transform: skew(-8deg);
	border-radius: 0 0 60px 0;
}

.Hbox3 .big .txt .box {
	position: relative;
	z-index: 1;
}

.Hbox3 .big .txt h2 {
	font-weight: normal;
	font-size: 26px;
	color: #333333;
	margin-bottom: 5%;
}

.Hbox3 .big .txt p {
	color: #666666;
	line-height: 30px;
	margin-bottom: 5%;
	letter-spacing: 1px;
	text-align: justify;
}

.Hbox3 .big .txt a {
	display: inline-block;
	color: #bb9669;
	border-bottom: 1px solid #bb9669;
	padding-bottom: 5px;
}
.Hbox3 .big .txt a:hover{ color: #bd1e23; border-bottom-color:#bd1e23 ;}

.Hbox3 .big .slick-current .con::before {
	opacity: 0;
}

.Hbox3 .big .slick-current figure {
	width: 80%;
}

.Hbox3 .big .slick-current .txt {
	opacity: 1;
}

.Hbox3 .small .slick-arrow {
	width: 54px;
	height: 54px;
	top: 43%;
}

.Hbox3 .small .slick-arrow:hover {
	background-color: #bb1d21;
}

.Hbox3 .small .slick-prev {
	left: 8%;
}

.Hbox3 .small .slick-prev::before {
	background-image: url(../images/slick-prev2.png);
}

.Hbox3 .small .slick-next {
	right: 8%;
}

.Hbox3 .small .slick-next::before {
	background-image: url(../images/slick-next2.png);
}

.Hbox3 .small .slick-dots {
	z-index: 2;
	width: auto;
	right: 50%;
	top: 0;
	margin-right: -690px;
}

.Hbox3 .slick-dots li {
	display: none;
	font-size: 26px;
	color: #bb1d21;
}

.Hbox3 .slick-dots em,
.Hbox3 .slick-dots span {
	color: #bfbfbf;
}

.Hbox3 .slick-dots em {
	display: inline-block;
	margin: 0 15px;
}

.Hbox3 .slick-dots .slick-active {
	display: block;
	margin: 0;
	padding: 0;
}
.Hbox3 .boxCon{ position: relative;}
.Hbox3 .small,
.Hbox3 .small .ul{ position: static;}
.Hbox3 .small .ul {
	margin: 0 -19px;
}

.Hbox3 .small li {
	padding: 19px;
}

.Hbox3 .small .box {
	border: 1px solid #e8e8e8;
	border-radius: 5px;
	padding: 5%;
	cursor: pointer;
}

.Hbox3 .small figure {
	width: 50px;
	text-align: center;
}

.Hbox3 .small .img2 {
	display: none;
}

.Hbox3 .small .txt {
	padding-left: 7%;
	position: relative;
}

.Hbox3 .small .txt h2 {
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 8px;
	color: #333333;
}

.Hbox3 .small .txt p {
	font-size: 14px;
	color: #999999;
}

.Hbox3 .small i {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 10px;
	height: 10px;
	border: 100%;
	background-color: #fff;
	border-radius: 100%;
	border: 2px solid #e8e8e8;
}

.Hbox3 .small .slick-current {
	position: relative;
}

.Hbox3 .small .slick-current::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 3px;
	border: 10px solid transparent;
	border-bottom-color: #bd1e23;
}

.Hbox3 .small .slick-current .box {
	background-color: #bd1e23;
	border-color: #bd1e23;
	box-shadow: 0 5px 15px rgba(187, 28, 33, 0.4);
}

.Hbox3 .small .slick-current .box .img1 {
	display: none;
}

.Hbox3 .small .slick-current .box .img2 {
	display: block;
}

.Hbox3 .small .slick-current .box .txt h2 {
	color: #fff;
}

.Hbox3 .small .slick-current .box .txt p {
	color: rgba(255, 255, 255, 0.5);
}

.Hbox3 .small .slick-current .box i {
	border-color: #f09c9f;
}

@media screen and (max-width: 1600px) {
	.Hbox3 .big .ul {
		max-width: 1200px;
	}

	.Hbox3 .big .txt p {
		line-height: 24px;
		overflow: hidden;
		max-height: 120px;
	}

	.Hbox3 .big .slick-prev {
		left: -2%;
	}

	.Hbox3 .big .slick-next {
		right: -2%;
	}
}

@media screen and (max-width: 1440px) {
	.Hbox3 .big .ul {
		max-width: 1100px;
	}
}

@media screen and (max-width: 1024px) {
	.Hbox3 .big .ul {
		width: 80%;
	}

	.Hbox3 .big .ul li {
		padding: 0 10px;
	}

	.Hbox3 .big .ul .txt {
		position: relative;
		transform: none;
		width: 100%;
		border-radius: 0;
		right: 0;
		padding: 5%;
		opacity: 1;
	}

	.Hbox3 .big .ul .txt::before,
	.Hbox3 .big .ul .txt::after {
		display: none;
	}

	.Hbox3 .big .slick-current figure {
		width: 100%;
	}

	.Hbox3 .big .slick-arrow {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}

	.Hbox3 .big .slick-prev {
		left: -4%;
	}

	.Hbox3 .big .slick-next {
		right: -4%;
	}

	.Hbox3 .small {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.Hbox3 .big .ul li {
		padding: 0 10px;
	}

	.Hbox3 .big .ul .txt h2 {
		font-size: 18px;
	}
}

.section4 {
	background-color: #f7f7f7;
	
}

.Hbox4{
	padding-top: 100px;
}
.Hbox4 .Hmore svg path {
	fill: #bb9669;
}

.Hbox4 .case_list h4 {
	text-align: center;
	color: #333333;
}

.Hbox5 {
	position: relative;
	overflow: hidden;
}

.Hbox5 .img {
	width: 100%;
}

.Hbox5 .txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 6%;
	z-index: 1;
}

.Hbox5 .txt ul {
	background-color: #d33237;
	padding: 3%;
	color: #fff;
	text-align: center;
}

.Hbox5 .txt ul .num span {
	font-size: 48px;
}

.Hbox5 .txt ul .num b {
	font-size: 30px;
}

@keyframes warn {
 0% {
  transform: scale(0.8);
 }
 25% {
  transform: scale(1);
 }
 50% {
  transform: scale(1.2);
 }
 75% {
  transform: scale(1.4);
 }
 100% {
  transform: scale(1.6);
 }
}
@-webkit-keyframes "warn" {
 0% {
  -webkit-transform: scale(0.8);
 }
 25% {
  -webkit-transform: scale(1);
 }
 50% {
  -webkit-transform: scale(1.2);
 }
 75% {
  -webkit-transform: scale(1.4);
 }
 100% {
  -webkit-transform: scale(1.6);
 }
}
@keyframes flot {
 0% {
  transform: translateY(-2px);
 }
 25% {
  transform: translateY(1px);
 }
 50% {
  transform: translateY(3px);
 }
 75% {
  transform: translateY(0px);
 }
 100% {
  transform: translateY(-2px);
 }
}
@-webkit-keyframes "flot" {
 0% {
  transform: translateY(-2px);
 }
 25% {
  transform: translateY(1px);
 }
 50% {
  transform: translateY(3px);
 }
 75% {
  transform: translateY(0px);
 }
 100% {
  transform: translateY(-2px);
 }
}
.Hbox5 .mobIMG{display: none;}
.Hbox5 .Bubble{}
.Hbox5 .Bubble .miditem{position: absolute;top: 46.2%;left: 50%;transform: translateX(-50%);}
.Hbox5 .Bubble .miditem:before{width:140%;height: 140%;content:'';border:1px solid rgba(200,170,134,.3);border-radius:50%;left: 50%;top: 50%;margin-left:-70%;margin-top:-70%;position: absolute;}
.Hbox5 .Bubble .miditem a{display: block;position: relative;z-index: 1;}
.Hbox5 .Bubble .miditem a:before{width:220%;height: 220%;content:'';border:1px solid rgba(200,170,134,.3);border-radius:50%;left: 50%;top: 50%;margin-left:-110%;margin-top:-110%;position: absolute;}
.Hbox5 .Bubble .miditem:after{width:180%;height: 180%;content:'';border:1px solid rgba(200,170,134,.3);border-radius:50%;left: 50%;top: 50%;margin-left:-90%;margin-top:-90%;position: absolute;}
.Hbox5 .Bubble .miditem:hover:before, .Hbox5 .Bubble .miditem:hover:after, .Hbox5 .Bubble .miditem:hover a:before{-webkit-animation: warn 3s ease-out;-moz-animation: warn 3s ease-out;animation: warn 3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;transition:.3s;}
.Hbox5 .Bubble .item{position: absolute;-webkit-animation: flot 3s ease-out;-moz-animation: flot 3s ease-out;animation: flot 3s ease-out;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.Hbox5 .Bubble .item:nth-child(3){-webkit-animation-delay: 1s;}
.Hbox5 .Bubble .item:nth-child(4){-webkit-animation-delay: .8s;}
.Hbox5 .Bubble .item:nth-child(5){-webkit-animation-delay: .7s;}
.Hbox5 .Bubble .item:nth-child(6){-webkit-animation-delay: 1.2s;}
.Hbox5 .Bubble .item:nth-child(7){-webkit-animation-delay: 1.1s;}
.Hbox5 .Bubble .item:nth-child(8){-webkit-animation-delay: .9s;}
.Hbox5 .Bubble .item:nth-child(9){-webkit-animation-delay: 1.15s;}
.Hbox5 .Bubble .item:nth-child(10){-webkit-animation-delay: .92s;}
.Hbox5 .Bubble .item:nth-child(11){-webkit-animation-delay: 1.3;}
.Hbox5 .Bubble .item:nth-child(12){-webkit-animation-delay: 1.19s;}
.Hbox5 .Bubble .item:nth-child(13){-webkit-animation-delay: .98s;}
.Hbox5 .Bubble .item:nth-child(14){-webkit-animation-delay: 1.28s;}
.Hbox5 .Bubble .item:hover{animation-play-state:paused;-webkit-animation-play-state:paused;}

@media screen and (max-width: 1200px) {
	.Hbox5 .mobIMG{display: block;}
	.Hbox5 .Bubble{display: none;}
	.Hbox5 .txt ul {
		padding: 1.5%;
	}

	.Hbox5 .txt ul .num span {
		font-size: 40px;
	}

	.Hbox5 .txt ul .num b {
		font-size: 22px;
	}
}

@media screen and (max-width: 768px) {
	.Hbox5 .txt ul .num span {
		font-size: 30px;
	}

	.Hbox5 .txt ul .num b {
		font-size: 18px;
	}
}

@media screen and (max-width: 768px) {
	.Hbox5 .txt {
		position: relative;
		padding-top: 0;
	}

	.Hbox5 .txt .auto_1400 {
		width: 100%;
	}

	.Hbox5 .txt ul {
		overflow: hidden;
		padding: 5% 2%;
	}

	.Hbox5 .txt ul li {
		display: block;
		width: 50%;
		float: left;
		margin-bottom: 4%;
	}

	.Hbox5 .txt ul .num span {
		font-size: 24px;
	}

	.Hbox5 .txt ul .num b {
		font-size: 18px;
	}
}

.Hbox6 {
	
}

.Hbox6 .Htit {
	padding-right: 0;
	overflow: hidden;
	margin: 50px 0 25px;
}

.Hbox6 .Htit .box {
	float: left;
}

.Hbox6 .Htit .tab_li {
	float: right;
	margin-right: -10px;
	line-height: 40px;
	margin-top: 15px;
}

.Hbox6 .Htit .tab_li li {
	padding: 0 10px;
}

.Hbox6 .Htit .tab_li li span {
	display: inline-block;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.Hbox6 .Htit .tab_li li.slick-current span {
	border-bottom-color: #bb1c21;
}

.Hbox6 .fl {
	width: 61.5%;
	float: left;
}

.Hbox6 .fl .list time {
	font-size: 14px;
	color: #b59c7a;
	display: block;
}

.Hbox6 .fl .list .top {
	background-color: #f8f8f8;
	margin-bottom: 5%;
	overflow: hidden;
}

.Hbox6 .fl .list .top figure {
	width: 45.5%;
	transition: all 0.5s;
}

.Hbox6 .fl .list .top .txt {
	padding: 2% 4.5%;
	background-color: #f8f8f8;
	position: relative;
	transition: all 0.5s;
}

.Hbox6 .fl .list .top h2 {
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	margin: 4% 0;
}

.Hbox6 .fl .list .top p {
	font-size: 14px;
	color: #666666;
}

.Hbox6 .fl .list .top a:hover figure {
	transform: scale(1.2);
}
.Hbox6 .fl .list .top a:hover .txt{ background-color: #bb1c21;}
.Hbox6 .fl .list .top a:hover .txt *{ color: #FFFFFF;}

.Hbox6 .fl .list li {
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 6.5%;
}

.Hbox6 .fl .list li:nth-child(2n) {
	margin-right: 0;
}

.Hbox6 .fl .list li:nth-child(2n+1) {
	clear: both;
}

.Hbox6 .fl .list li time {
	margin-bottom: 3%;
}

.Hbox6 .fl .list li h2 {
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
}

.Hbox6 .fr {
	width: 33%;
	float: right;
}

.Hbox6 .fr .Htit {
	position: relative;
}

.Hbox6 .fr .tab_li {
	position: absolute;
	right: 50px;
	top: 0;
	width: 180px;
}

.Hbox6 .fr .tab_li li {
	padding: 0;
}

.Hbox6 .fr .tab_li li span {
	margin: 0 10px;
}

.Hbox6 .fr .more {
	position: absolute;
	right: 0;
	top: 25px;
	color: #666666;
}

.Hbox6 .fr .item figure {
	position: relative;
}

.Hbox6 .fr .item figure::before,
.Hbox6 .fr .item figure::after {
	content: '';
	position: absolute;
}

.Hbox6 .fr .item figure::before {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	z-index: 1;
	left: 0;
	top: 0;
}

.Hbox6 .fr .item figure::after {
	top: 50%;
	left: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	margin-left: -18px;
	background: url(../images/icon_play2.png) no-repeat;
	background-size: 100% auto;
	z-index: 2;
}

.Hbox6 .fr .item .Hits {
	padding-left: 25px;
	display: block;
	background: url(../images/Hits.png) no-repeat left center;
	font-size: 14px;
	color: #999999;
}

.Hbox6 .fr .item .top {
	margin-bottom: 10%;
}

.Hbox6 .fr .item .top figure {
	position: relative;
	padding-top: 56.28%;
}

.Hbox6 .fr .item .top figure::after {
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
}

.Hbox6 .fr .item .top .Hits {
	float: right;
}

.Hbox6 .fr .item .top p {
	background-color: #f7f7f7;
	line-height: 60px;
	padding: 0 5%;
	font-size: 18px;
}

.Hbox6 .fr .item li {
	margin-bottom: 5%;
}

.Hbox6 .fr .item li figure {
	width: 140px;
	padding-top: 17.319%;
	height: 0;
}

.Hbox6 .fr .item li .txt {
	padding: 0 5%;
}

.Hbox6 .fr .item li h2 {
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {

	.Hbox6 .fl,
	.Hbox6 .fr {
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 640px) {
	.Hbox6 .Htit {
		margin-bottom: 20px;
	}

	.Hbox6 .Htit .tab_li {
		margin-top: 0;
	}

	.Hbox6 .fl .list .top .ytable-cell {
		display: block;
		width: 100% !important;
	}

	.Hbox6 .fl .list .top h2 {
		font-size: 16px;
	}

	.Hbox6 .fl .list .top .txt {
		padding: 5%;
	}

	.Hbox6 .fl .list li {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.Hbox6 .fr .more {
		top: 10px;
	}

	.Hbox6 .fr .item .top p {
		font-size: 16px;
	}
}
.section7{background-color: #f8f8f8;}
.Hbox7 {
	background: url(../images/Hbox7_bg.jpg);
	padding: 5% 0;
	color: #fff;
	background-size: cover;
}

.Hbox7 .Htit {
	padding-right: 0;
	width: 19.5%;
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.Hbox7 .Htit * {
	color: #fff;
}

.Hbox7 .Htit .en {
	opacity: .5;
	margin-top: 5px;
}

.Hbox7 .list {
	padding: 0 2% 0 8%;
}

.Hbox7 .list * {
	font-weight: normal;
	color: #fff;
}

.Hbox7 .list h3 {
	font-size: 24px;
}

.Hbox7 .list h2 {
	font-size: 40px;
	margin: 1% 0 3%;
}

.Hbox7 .list p span {
	display: inline-block;
	padding: 0 4%;
	border-radius: 50px;
	background-color: #fff;
	color: #bc9a71;
	line-height: 36px;
}

.Hbox7 .list p time {
	display: inline-block;
	color: #bc9a71;
	margin-right: 25px;
}

.Hbox7 .btn {
	width: 140px;
	position: relative;
}

.Hbox7 .page {
	display: inline-block;
	margin: 0 10px;
}

.Hbox7 .slick-arrow {
	width: 26px;
	height: 11px;
	background: url(../images/slick-prev3.png) no-repeat center;
	display: inline-block;
	position: static;
	border: none;
	transform: none;
}

.Hbox7 .slick-arrow::before {
	display: none;
}

.Hbox7 .next {
	background-image: url(../images/slick-next3.png);
}

.Hbox7 .slick-dots {
	position: static;
}

.Hbox7 .slick-dots li {
	display: none;
}

.Hbox7 .slick-dots em {
	display: inline-block;
	margin: 0 8px;
}

.Hbox7 .slick-dots .slick-active {
	display: block;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 1024px) {
	.Hbox7 .list h3 {
		font-size: 20px;
	}

	.Hbox7 .list h2 {
		font-size: 30px;
	}
}

@media screen and (max-width: 768px) {
	.Hbox7 .list h3 {
		font-size: 16px;
	}

	.Hbox7 .list h2 {
		font-size: 20px;
	}
}

@media screen and (max-width: 640px) {
	.Hbox7 .ytable-cell {
		display: block;
		width: 100% !important;
	}

	.Hbox7 .list {
		padding: 5% 0;
		text-align: center;
	}

	.Hbox7 .list h3 {
		font-size: 16px;
	}

	.Hbox7 .list h2 {
		font-size: 20px;
	}

	.Hbox7 .Htit {
		border-right: none;
	}

	.Hbox7 .btn {
		text-align: center;
	}
}

.Hbox8 {
	padding: 4% 0;
	background-color: #f8f8f8;
}

.Hbox8 .Htit {
	position: relative;
}

.Hbox8 .list {
	margin-top: 3%;
}

.Hbox8 .list li {
	padding: 5px;  float: left;width:20%;
}

.Hbox8 .list .pic {
	position: relative;
	padding-top: 41%;
	background-color: #fff;
	display: block;
}

.Hbox8 .list .pic img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 90%;
}

.Hbox8 .btn {
	width: 140px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.Hbox8 .page {
	display: inline-block;
	margin: 0 10px;
}

.Hbox8 .slick-arrow {
	width: 26px;
	height: 11px;
	background: url(../images/slick-prev4.png) no-repeat center;
	display: inline-block;
	position: static;
	border: none;
	transform: none;
}

.Hbox8 .slick-arrow::before {
	display: none;
}

.Hbox8 .next {
	background-image: url(../images/slick-next4.png);
}

.Hbox8 .slick-dots {
	position: static;
}

.Hbox8 .slick-dots li {
	display: none;
	color: #bb1d21;
}

.Hbox8 .slick-dots em,
.Hbox8 .slick-dots span {
	color: #bfbfbf;
}

.Hbox8 .slick-dots em {
	display: inline-block;
	margin: 0 8px;
}

.Hbox8 .slick-dots .slick-active {
	display: block;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 1200px) {
	.Hbox {
		padding: 6% 0;
	}
	.Hbox1,
	.Hbox5 {
		padding: 0;
	}
}
@media screen and (max-width: 768px) {
.Hbox8 .list li{  width: 50%;}
}
.Height{position: fixed; width: 100%; height: 100%; z-index: 110; left: 0; top: 0; background-color: #fff;}